<template>
    <section class="overview_box">
        <h3>{{ title }}</h3>
        <div class="content">
            <slot></slot>
        </div>
    </section>
</template>

<script setup>
defineProps({
    title: {
        type: String,
        default: '',
    }
})
</script>

<style lang="scss" scoped>
.overview_box {
    // padding: 10px 10px;
    min-width: 300px;
    min-height: 200px;
    width: 100%;
    height: 100%;
    border: solid 1px #dcdfe6;
    border-radius: 10px;

    h3 {
        padding-left: 13px;
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-family: DIN;
        font-size: 15px;
        border-bottom: solid 1px #dcdfe6;
    }

    .content {
        width: 99%;
        height: 90%;
        padding: 5px 0 0 10px;
    }
}
</style>